<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../../static/bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/bootstrap/js/bootstrap.js"></script>
    <style>
        body {
            background: url(../../static/img/login.jpg);
        }

        .row {
            margin-top: 200px;
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

        button {
            margin-top: 20px;
            margin-left: 40%;
        }

        .msg {
            color: red;
        }
    </style>
</head>
<body>
<!-- 顶部 -->
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                &nbsp;欢迎使用权限管理后台系统
            </a>
        </div>
    </div>
</nav>

<!-- 表单区 -->
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2 col-md-offset-5">
            <form action="main.html" class="form-horizontal" method="post">
                <div class="form-group">
                    <label for="userName">用户名</label>
                    <input class="form-control" id="userName" name="userName" placeholder="Name" type="text">
                </div>
                <div class="form-group">
                    <label for="password">密 码</label>
                    <input class="form-control" id="password" name="userPwd" placeholder="Password" type="password">
                </div>
                <button class="btn btn-default btn-lg btn-success" type="submit">登录</button>
                <h4 class="msg"></h4>
            </form>
        </div>
    </div>
</div>

</body>
</html>
